﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WFDesinger.aspx.cs" Inherits="WorkFlow.Desinger.WFDesinger" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Porcess Desinger</title>
    <script src="JS/Utility.js"> </script>
    <script src="JS/js-graph-it.js"> </script>
    <link href="Css/js-graph-it.css" rel="stylesheet" />
    <link href="Css/WFDesinger.css" rel="stylesheet" />
    <link href="Css/SelectPanel.css" rel="stylesheet" />
</head>
<body>
    <form id="frm" runat="server">
        <div style="position: absolute;top: 0px;left: 0px;height: 50px;background-color: #9ed7ed; width: 1332px;text-align: center;">
<div style="margin-top: 0px;font-size: 23px;">流程设计器<a href="ProcessManagement.aspx" style="font-size: 10px;" >流程管理</a></div> 
            <input type="button" value="保存流程" onclick="savePorcess()" style="margin-top: 0px;margin-left: 1150px;"/>
            <input type="button" value="载入最新流程" onclick="loadPorcess()" />
        </div>
        <div style="height: 600px; width: 58px;position: absolute;left: 0px;top:50px; background-color:#f5f5f5;">
            <img src="Images/start.png" width="50px" height="50px" onclick=" createStartNode() " alt="" />
            <img src="Images/act.png" width="50px" height="50px" onclick=" createActNode() " alt="" />
            <img src="Images/orSplit.png" width="50px" height="50px" onclick=" createOrSplitNode() " alt="" />
            <img src="Images/andSplit.png" width="50px" height="50px" onclick=" createAndSplitNode() " alt="" />
            <img src="Images/xorSplit.png" width="50px" height="50px" onclick=" createXorSplitNode() " alt="" />
            <img src="Images/orJoin.png" width="50px" height="50px" onclick=" createOrJoinNode() " alt="" />
            <img src="Images/andJoin.png" width="50px" height="50px" onclick=" createAndJoinNode() " alt="" />
            <img src="Images/xorJoin.png" width="50px" height="50px" onclick=" createXorJoinNode() " alt="" />
            <img src="Images/end.png" width="50px" height="50px" onclick=" createEndNode() " alt="" />
            <img src="Images/rollback.png" width="50px" height="50px" onclick=" createRollbackNode() " alt="" />
        </div>

 <div style="position: absolute; top: 50px; left: 60px; width: 1060px; height: 600px;overflow-x: scroll;overflow-y: scroll;" id="id_div_placeholder">
            <div class="canvas" id="mainCanvas" style=" height: 2000px;width:2000px;background-color: #f5f5f5;background-image:url(Images/bck.png);"></div>
         <%-- 条件存放区--%>
        <div style="display: none;" id="id_div_conditions_cols" ></div>
        <%--用户存放区--%>
        <div style="display: none;" id="id_idv_users_cols"></div>
       <%--  存放路径--%>
        <div style="display: none;" id="id_div_paths_cols"></div>
 </div>
        

        <div style="width: 210px; position: absolute; top: 50px; left: 1122px; height: 600px; background-color: #9ed7ed;">
                <div style="position: relative;background-color:#f5f5f5; top: 0px; left: 0px; height: 353px;">
                    <input type="hidden" value="" id="id_ipt_attr_id" />
                    <input type="text" name="notautosubmit" style="display:none"/> <br/>
                    <label>名称:</label><input type="button" value="删除该活动" style="margin-left: 82px;border-style:groove;" onclick="deleteAct()"/>
                    <input type="text" value="" id="id_ipt_attr_name" onchange=" modifyName() " style="width:202px;background-color:#f5f5f5;border-style:groove;" onfocus="changeColor(this)" onblur="changeDefaultColor(this)"  /><br /><br/>
                    <label>输入:</label><select id="id_sel_attr_in" onchange="modifyIn()" style="background-color:#f5f5f5;"><option value="Y">是</option>
                        <option value="N">否</option>
                    </select>
                    <label style="margin-left: 15px;">输出:</label><select id="id_sel_attr_out" onchange="modifyOut()" style="background-color:#f5f5f5;"><option value="Y">是</option>
                        <option value="N">否</option>
                    </select><br/><br/>
                    <label>对应模块</label><input type="button" value="请选择" wfmodule="" style="width: 142px;border-style: groove;" onclick="setModule()" id="id_ipt_attr_module"/>
                        <div style="width: 210px; height: 233px;background-color: #e9e9e9;">
                            <input type="button" value="新增路径" onclick=" addNewPath() " style="background-color: burlywood; border: none;" /><br />
                            <table id="id_tb_attr_acts" width="200px;" style="table-layout:fixed;">
                                <tr style="background-color: #9ed7ed;" >
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>

                                    <td style="width: 85px;">下一活动</td>
                                    <td style="width:95px;">条件</td>
                                    <td style="width: 18px;">删</td>
                                </tr>
                            </table>
                        </div>
                </div>
          
            <div style="background-color: #9ed7ed; margin-top: 22px;">
                <input type="button" onclick="modifyUsers()" value="用户" style="width: 210px;margin-top:8px;"/>
                           <label id="lb_user_names"></label>
                        </div>
        </div>

        <%--弹框--%>
        <div id="div_float_container" style="background-color: #9ed7ed; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-top-width: 1px; display: none; height: 439px; left: 277px; position: absolute; top: 111px; width: 605px; z-index: 1000;">
            <div style="background-color: #f5f5f5; height: 30px;">
                <div id="div_float_top_title" style="bottom: 0px; float: left; height: 30px; left: 0px; line-height: 30px; position: relative; width: 1px;">
                </div>
                <div id="div_float_close_area" style="float: right; height: 30px; width: 30px;">
                    <img alt="关闭" src="Images/del.png" onclick=" div_float_close() " title="关闭" />
                </div>
            </div>
            <div id="div_float_content" style="color: #000; height: 399px; margin-top: 3px; overflow-x: hidden; overflow-y: scroll; width: 605px;">
                <div id="id_div_content">
                    <div id="id_div_top">活动</div>
                    <div id="id_div_left" style="overflow-x: hidden; overflow-y: scroll;">
                    </div>
                    <div id="id_div_center">
                        <br />
                        <input type="button" value=">" onclick=" addToRight() " /><br />
                        <br />
                        <input type="button" value=">>" onclick=" addAllToRight() " /><br />
                        <br />
                        <input type="button" value="<" onclick=" addToLeft() " /><br />
                        <br />
                        <input type="button" value="<<" onclick=" addAllToLeft() " />
                    </div>
                    <div id="id_div_right" style="overflow-x: hidden; overflow-y: scroll;">
                        <ul id="id_ul_right"></ul>
                    </div>
                    <div id="id_div_bottom">
                        &nbsp;&nbsp;<input type="button" value="取消" class="c_cancle" onclick=" btnCancel() " style="margin-left: 401px;" />
                        <input type="button" value="确定" class="c_ok" onclick=" btnOK() " />
                        <label id="lb_ident" style="display: none;"></label>
                    </div>
                </div>
            </div>
            <input id="id_ipt_temp_id" type="hidden" value="" />
            <input id="id_ipt_temp_name" type="hidden" value="" />
        </div>
        <label runat="server" id="lab_user_id" style="display: none;"></label>
        <%--弹框  结束--%>
    </form>
    <script src="JS/WFDesinger.js"> </script>
    <script src="JS/path.js"> </script>
    <script src="JS/Nodes.js"></script>
    <script src="JS/users.js"></script>
    <script src="JS/analysis.js"></script>
</body>
</html>
